<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<!--<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />-->
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script src="js/script.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<title>LUTIXIA- 有趣的灵魂终会相遇</title>

</head>
<body>
	<header class="clearfix">
		<div class="banner">
			<div class="banner-1"></div>
			<div class="banner-2"></div>
			<div class="banner-3"></div>
		</div>
		
		<!--LOGO-->
		<div class="login">
			<img src="img/logo2.png" alt="" class="logo" />
			
			<!--注册登录框开始-->
			<div class="login-bar">
				<div class="login-tab"><!--
					--><a class="active">注册</a><!--
					--><a>登录</a><!--
			--></div>
				<div class="div-contain">
					<div class="zhuce">
						<div class="item-left">
							<input type="text" name="text" id="" placeholder="常用邮箱 / 网易邮箱"/>
							<input type="password" name="password" id="" placeholder="密码"/>
							<!-- <div class="slider">
								<img src="img/slider.png"/>
								按住滑块，拖动完成上方拼图
							</div> -->
							<div class="btn">
								注册
							</div>
						</div>
						<div class="item-right">
							<i class="or">或</i>
							<div class="others">
								<div><i class="iconfont icon-shouji"></i><span>手机账号注册</span></div>
								<div><i class="iconfont icon-weibo"></i><span>新浪微博注册</span></div>
								<div><i class="iconfont icon-iconfonticon6"></i><span>腾讯QQ注册</span></div>
								<div><i class="iconfont icon-weixin"></i><span>微信注册</span></div>
							</div>
						</div>
					</div>
					
					<div class="denglu">
						<div class="item-left">
							<input type="text" name="text" id="" placeholder="常用邮箱 / 网易邮箱"/>
							<input type="password" name="password" id="" placeholder="密码"/>
							<!-- <div class="slider">
								<img src="img/slider.png"/>
								按住滑块，拖动完成上方拼图
							</div> -->
							<!-- <p class="cue">使用<a href="#">网易账号管家</a>，全面保护您的账号！</p> -->
							<div class="btn">
								登录
							</div>
							<p class="ot">
								<!-- <img src="img/check-1.jpg"/>
								十天内免登录 -->
								<br></br>
								<span class="ot-r">
									<span>忘记密码？</span><!--
									--><i>|</i><!--
									--><span>找回账号</span>
								</span>
								
							</p>
						</div>
						<div class="item-right">
							<i class="or">或</i>
							<div class="others">
								<div><i class="iconfont icon-shouji"></i><span>手机账号登录</span></div>
								<div><i class="iconfont icon-weibo"></i><span>新浪微博登录</span></div>
								<div><i class="iconfont icon-iconfonticon6"></i><span>腾讯QQ登录</span></div>
								<div><i class="iconfont icon-weixin"></i><span>微信登录</span></div>
							</div>
						</div>
					</div>
						
					<!-- <div class="download">
						<ul class="version">
							<li><span>iphone版：</span><a href="#"></a></li>
							<li><span>ipad版：</span><a href="#"></a></li>
							<li><span>Android版：</span><a href="#" class="android"></a></li>
						</ul>
						<a href="#" class="code"><img src="img/2dcode.png"/></a>
					</div> -->
				</div>
			</div>
		</div>
		<div class="page">
			<i class="iconfont icon-leftarrow"></i>
			<i class="iconfont icon-rightarrow"></i>
		</div>
	</header>
	
	
	<main class="clearfix">
		<h2>随性的记录方式</h2>
		<p>方便地记录照片、文字、音乐、视频，适用于iPhone、iPad和Android移动客户端及PC端，<br />让你随时随地的记录与分享。</p>
		<img src="img/11.jpg"/>
		<div class="main-item">
			<!-- <div class="left">
				<i class="icon1"></i>
				<h3>自动同步</h3>
				<p>方便同步你的内容到新浪微博、QQ空间等社交网络，还可以分享到微信、易信聊天和朋友圈。</p>
			</div>
			<div class="right">
				<i class="icon2"></i>
				<h3>高质量图片</h3>
				<p>使用无损图片压缩技术，上传图片保留高质量细节，当你手机处于wifi网络，将自动加载全高清图片。</p>
			</div> -->
		</div>
		<div class="gray">
			<h2>发现有共同爱好的人</h2>
			<p>鲁提匣汇聚了数百万的摄影、胶片玩家，绘画及动漫爱好者，并不断衍生出更多的兴趣圈子，无论是设计、<br />艺术、科技、时尚、旅行、读书、电影评论都有精彩的人与内容不断产出。</p>
			<img src="img/quanzi.jpg"/ class="quanzi">
			<div class="main-item">
				<div class="left">
					<i class="icon3"></i>
					<h3>推荐算法</h3>
					<p>通过你的喜欢、关注，标签的使用情况，推荐出更多你感兴趣的人与内容。</p>
				</div>
				<div class="right">
					<i class="icon4"></i>
					<h3>精彩话题</h3>
					<p>任何人都可以发起与参与话题，征集作品发现有趣的人，还可以通过客户端参加有趣的贴纸话题。</p>
				</div>
			</div>·
		</div>
		<h2>彰显个性的个人主页</h2>
		<p>已经拥有234套风格各异的个人主页模板，而且这些模板可以轻松的完成自定义样式及导航，
<br />让你的个人主页变得与众不同，提供了10套移动端浏览器适配模板，当使用手机浏览器访问主页时，也如此优雅。</p>
		<div class="horizon">
			<div class="img-line">
				<img src="img/blog-1.jpg"/>
				<img src="img/blog-2.jpg"/>
				<img src="img/blog-3.jpg"/>
				<img src="img/blog-4.jpg"/>
			</div>
		</div>
		<!-- <div class="gray">
			<h2>轻巧的移动LOFTER</h2>
			<p>通过iPhone、iPad版及Android版客户端，体验LOFTER的快速、漂亮、有趣，提供多种时下最热的贴纸，<br />让你的相片分享增加乐趣，还可以在移动端查看附近的人。 </p>
			<a href="#">马上下载&gt;</a>
			<img src="img/mobilelofter.jpg"/>
			<div class="main-item">
				<div class="left">
					<i class="icon5"></i>
					<h3>查找附近的同好</h3>
					<p>通过移动端的定位功能，发现附近有趣的人。</p>
				</div>
				<div class="right">
					<i class="icon6"></i>
					<h3>独有的贴纸</h3>
					<p>提供丰富、有趣、限量贴纸，参与贴纸类主题话题，让手机摄影更有趣、好玩。</p>
				</div>
			</div>·
		</div> -->
		<h2>LUTIXIA- 有趣的灵魂终会相遇</h2>
		<div class="main-bottom">
			<div class="others">
				<div><i class="iconfont icon-shouji"></i><span>手机账号注册</span></div>
				<div><i class="iconfont icon-weibo"></i><span>新浪微博注册</span></div>
				<div><i class="iconfont icon-iconfonticon6"></i><span>腾讯QQ注册</span></div>
				<div><i class="iconfont icon-weixin"></i><span>微信注册</span></div>
		</div>
	</main>
	<div class="clearfix"></div>
	
	<footer class="clearfix">
		<div class="clearfix"><a href="#">联系我们</a>|<a href="#">招贤纳士</a>|<a href="#">移动客户端</a>|<a href="#">风格模板</a>|<a href="#">官方博客</a>
		<p>网易公司版权所有　©1997-2018　浙公网安备 33010002000017号ICP备：浙B2-20090185-5增值电信业务经营许可证：浙B2-20090185</p>
		</div>
	</footer>
	<div class="glide">
		<div class="main-bottom">
			<div class="others">
				<div><i class="iconfont icon-shouji"></i><span>手机账号注册</span></div>
				<div><i class="iconfont icon-weibo"></i><span>新浪微博注册</span></div>
				<div><i class="iconfont icon-iconfonticon6"></i><span>腾讯QQ注册</span></div>
				<div><i class="iconfont icon-weixin"></i><span>微信注册</span></div>
			</div>
		</div>
	</div>
</body>
</html>